window.onload = function() {
    var header = document.querySelector('.header');
    var content = document.querySelector('.content');
    var covers = document.querySelectorAll('.row .value .cover');
    var show_cover = document.querySelector('.show-cover');
    var the_cover = document.querySelector('.show-cover .the-cover');
    var close_cover = document.querySelector('.J-close-cover');

    content.style.marginTop = header.clientHeight - 16 + 'px';

    Array.prototype.forEach.call(covers, function(item) {
        item.onclick = function(e) { // 点击定向图
            show_cover.style.display = 'flex';
        };
    });

    show_cover.style.display = 'none';
    show_cover.style.visibility = 'visible';

    // 关闭大图预览
    show_cover.onclick = function(e) {
        if (e.target.nodeName === 'DIV' && e.target.className.indexOf('show-cover') != -1) {
            show_cover.style.display = 'none';
        }
    };

    // 点击返回icon，关闭大图预览
    close_cover.onclick = function() {
        show_cover.style.display = 'none';
    };

    document.querySelector('.J-back').onclick = function() {
        history.go(-1);
    }
};